<div *ngIf="!logined" style="display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;" >
  <ng-template #cardTitle>
    <div style="text-align: center">
      <span>九型人格测试</span>
    </div>
  </ng-template>
  <nz-card [nzTitle]="cardTitle">
    <form nz-form [formGroup]="form" (ngSubmit)="submit()">
      <nz-form-item>
        <nz-form-control nzErrorTip="请输入用户名！">
          <nz-input-group nzPrefixIcon="user">
            <input nz-input formControlName="user" placeholder="用户名" (click)="clearError()"/>
          </nz-input-group>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-control nzErrorTip="请输入密码！">
          <nz-input-group nzPrefixIcon="lock" [nzSuffix]="suffixTemplate">
            <input
              nz-input
              [type]="passwordVisible ? 'text' : 'password'"
              placeholder="密码"
              formControlName="password"
              (click)="clearError()"
            />
          </nz-input-group>
          <ng-template #suffixTemplate>
            <i
              nz-icon
              [nzType]="passwordVisible ? 'eye-invisible' : 'eye'" (click)="passwordVisible = !passwordVisible"
              style="cursor: pointer;"
            ></i>
          </ng-template>
        </nz-form-control>
      </nz-form-item>
      <div class="errorInfo">
        <span *ngIf="error" style="color: red">{{error}}</span>
      </div>
      <nz-form-item>
        <button nz-button type="submit" nzType="primary" nzBlock [disabled]="!form.valid">登录</button>
      </nz-form-item>
    </form>
  </nz-card>
</div>
<div *ngIf="logined">
  <div nz-row style="height: 50px;background: blue">
    <div class="ml-3">
      <img alt="" src="../../../assets/broadtech-logo.png" style="height: 50px;margin-left: 10px">
    </div>
  </div>
  <div align="center" style="margin: 30px 150px 100px;">
    <ng-ex-nz-table [pagination]="pagination" [table]="interviewerTable"></ng-ex-nz-table>
  </div>
</div>

